<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Vite + Svelte + TS</title>
  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.ts"></script>
  </body>
  <script>
    // Функция для загрузки данных из API
    async function fetchData() {
      const response = await fetch("https://open.er-api.com/v6/latest/CNY");
      const data = await response.json();
      return data;
    }

    // Функция для обновления цены
    async function updatePrice() {
      // Получаем данные о курсе обмена из API
      const ratesData = await fetchData();

      // Получаем значение атрибута data-product-price-def
      const productPriceDef = parseFloat(
        document
          .querySelector(".js-product-price")
          .getAttribute("data-product-price-def")
      );

      // Преобразовываем цену из юаней в рубли
      const cnyToRub = ratesData.rates.RUB; // Курс обмена CNY к RUB
      const productPriceRub = productPriceDef * cnyToRub;

      // Обновляем значение атрибута data-product-price-def
      document
        .querySelector(".js-product-price")
        .setAttribute("data-product-price-def", productPriceRub.toFixed(2));
    }

    // Вызываем функцию обновления цены при загрузке страницы
    window.onload = updatePrice;
  </script>
</html>
